<template>
<footer id="footer">
<Router-link to="/xiaoxi"><div class="footer_d">消息</div></Router-link>
<Router-link to="/tongxun"><div class="footer_d">通讯录</div></Router-link>
<Router-link to="/"><div class="footer_d">工作台</div></Router-link>
<Router-link to="/wode"><div class="footer_d">我的</div></Router-link>
</footer>
</template>

<script>
export default {
  name: 'Footer',
  data () {
    return {

    }
  }
}
</script>

<style>
  #footer{
    width:100%;
    height:80px;
    background:white;
    border:1px solid red;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position:fixed;
    bottom:0;
    font-size: 20px;
  }
  .footer_d{
    line-height:100px;
    color:#000;
  }
</style>
